<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>{$title}</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../xui/css/xui.css" media="all">
	<link rel="stylesheet" href="../xui/font/font-awesome/css/font-awesome.min.css" media="all">
</head>

<body class="xui">
	<div class="row header">
		<a class="logo" href="index.html">XUI</a>
		<i class="x1"></i>
		<label id="toggle-top-menu" for="chk_top_menu"></label>
		<input type="checkbox" id="chk_top_menu" style="display:none;">
		<div class="top-menu">
			<ul>
				<li>
					<a href="http://www.smeoa.com">小微OA官网</a>
				</li>
				<li>
					<a class="active" href="http://demo.smeoa.com">系统演示</a>
				</li>
				<li>
					<a href="http://www.smeoa.com/forum">社区</a>
				</li>
				<li>
					<a href="#">Github<i class="count">99</i></a>
				</li>
			</ul>
		</div>
	</div>
	<div class="row x1">
		<label id="toggle-sidebar" for="chk-sidebar"></label>
		<input type="checkbox" id="chk-sidebar">
		<label id="shade-sidebar" for="chk-sidebar"></label>
		<div class="w22 sidebar">
			<ul>
				<li>
					<a href="#">基本元素</a><i class="count">99</i>
					<input type="checkbox" id="chk_1">
					<label for="chk_1"><i class="fa fa-angle-down"></i></label>
					<ul>
						<li>
							<a href="btn.html">按钮</a>
						</li>
						<li>
							<a href="form.html">表单</a>
						</li>
						<li>
							<a href="nav.html">导航</a>
						</li>
						<li>
							<a href="table.html">表格</a>
						</li>
						<li>
							<a href="tab.html">选项卡</a>
						</li>
						<li>
							<a href="progress.html">进度条</a>
						</li>
						<li>
							<a href="asst.html" class="active">辅助</a>
						</li>
						<li>
							<a href="grid.html">网格</a>
						</li>
						<li>
							<a href="layout.html">布局</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="">组件</a>
					<input type="checkbox" id="chk_2">
					<label for="chk_2"><i class="fa fa-angle-down"></i></label>
					<ul>
						<li>
							<a href="tree.html">树形菜单</a>
						</li>
						<li>
							<a href="popup.html">弹窗选择</a>
						</li>

					</ul>
				</li>
			</ul>
		</div>
		<div class="box x1 gray wrap">
			<div class="page-header">
				<h1>我就是页面标题</h1>
			</div>
			<div>
				其他还没想好
			</div>
		</div>
	</div>
</body>
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.js"></script>
<script>
	$(function() {
		$(".sidebar a.active").parents('li').find('input').attr('checked', 'checked');
	});
</script>

</html>
